import React from 'react'
import { Select, Space } from 'antd';
function Index() {
  const handleChange = (value) => {
    console.log(`selected ${value}`);
    document.documentElement.setAttribute('data-theme',value)
  };
  return (
    <div>
      <Select
        defaultValue="白色"
        style={{ width: 120 }}
        onChange={handleChange}
        options={[
          { value: 'gray', label: '白色' },
          { value: 'zinc', label: '黑色' },
        ]}
      />
      <div className=" w-[100vw] h-[700px]  bg-white dark:text-black
      gray:bg-gray-50 gray:text-gray-900
      zinc:bg-zinc-900  zinc:text-zinc-50
      ">
        改变主题颜色
      </div>
    </div>
  )
}

export default Index
